@extends('web.layouts.app')

@section('styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('resources/web/css/index.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('resources/web/css/ucenter.css')}}">
@endsection

@section('content')
<div class="uc-wrap swrap mt20">
    <div class="uc-side L">
        <div class="uc-nav">
            <ul>
                @include('web.user_center.menu')
            </ul>
        </div>
    </div>
    <div class="uc-main uc-mainbg R">
        <!--菜单选项-->
        <ul class="user-main-top-tab">
            <li class="active"><a href="#">充值</a></li>
        </ul>
        <div class="user-recharge-box">
            <!-- 快捷充值 -->
            <div class="fast-recharge">
                <form action="/doRecharge" method="post" name="fast-form">
                    {{ csrf_field() }}
                    @if($user->userInfo->bank_card_id)
                    <dl class="dl">
                        <dt class="dt">银行账户</dt>
                        <dd class="dd"><strong>{{$user->userInfo->bank_code.'：'.$user->userInfo->bank_card_number}}</strong></dd>
                    </dl>
                    @else
                    <dl class="dl">
                        <dt class="dt">银行账户</dt>
                        <dd class="dd"><a href="javascript:;" class="add-card"><i>+</i>添加银行账户</a></dd>
                    </dl>
                    @endif
                    <p class="notice-tips">注：快捷充值前需要添加您本人的银行卡</p>
                    <dl class="dl">
                        <dt class="dt">充值金额</dt>
                        <dd class="dd"><input type="number" min="1" class="txt cz-txt" name="money" value="1" required><span class="unit">元</span></dd>
                    </dl>
                    <div>
                        <label><input class="checkbox" type="checkbox" name="ass" checked required> 我已同意</label>
                        <a class="blue" href="#" target="_blank">《倍倍利投资人承诺书》</a>
                    </div>
                    <input type="submit" class="submit-btn" value="确认充值">
                </form>
            </div>
        </div>
        
        <div class="plr10 mb50">
            <!--温馨提示-->
            <div class="tips-block">
                <dl>
                    <dt><i class="icon-light"></i>温馨提示</dt>
                    <dd>1. 一个账户只能绑定一张银行卡，您充值的资金将只能提现到该银行卡内。<br />
                        2. 充值操作支持国内大部分银行的网上银行，只要您开通了网上银行的账户即可充值。<br />
                        3. 由于大多数银行的网银系统只支持IE浏览器，请您进行充值时使用IE浏览器。<br />
                        4. 充值过程中，请勿关闭浏览器窗口，操作完成后，浏览器会自动跳转返回到网站界面。<br />
                        5. 如果您在充值过程中遇到任何问题，请咨询客服人员。
                    </dd>
                </dl>
            </div>
        </div>

    </div>
</div>
@endsection

@section('scripts')
    <script src="{{ asset('resources/web/js/index.js') }}"></script>
@endsection